<!--	预评估报告  -->
<div class="layui-col-md12 pre-assessment-report">
    <div class="title">
        <div class="v-line"></div>
        <div class="title-name">预评估报告</div>
        <div style="clear: both"></div>
    </div>
    <div class="layui-col-md12">
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="layui-col-md8 pdf-pos">
                <span><img width="50" height="50"
                           src=""/></span>
                    <span>金鸡湖大道111号</span>
                </div>
                <div class="layui-col-md4 pdf-sbu-btn">
                    <button type="button" class="layui-btn layui-btn-normal layui-btn-radius">发起正式报告</button>
                    <button type="button" class="layui-btn layui-btn-normal layui-btn-radius" id="requoteBtn"
                            style="background-color: white;color: #1E9FFF;border-width: 2px;border: 1px solid #B3D4F9;">
                        不满意，重新报价
                    </button>
                    <!--				<button type="button" class="layui-btn layui-btn-primary" id="reprice">不满意，重新报价</button>-->
                </div>
            </div>
            <div class="layui-col-md12">
                <!--  ==========这里有个隐藏==============暂未发起的时候显示   ==========================================================================-->
                <div class="history-report" style="visibility: hidden">
                    历史报告：
                    <img width="30" height="30"
                         src="">
                    <span>金鸡湖大道111号(金宁达)</span>
                    <span style="color: #17AEF1">下载</span>
                </div>
            </div>
        </div>
    </div>
</div>

<!--	正式报告-->
<div class="layui-col-md12 formal-report">
    <div class="title">
        <div class="v-line"></div>
        <div class="title-name">正式报告</div>
        <div style="clear: both"></div>
    </div>

    <div class="layui-col-md12">
        <div class="layui-row">
            <div class="layui-col-md12">
                <div class="layui-col-md8 pdf-pos">
                    <span><img width="50" height="50"
                               src=""/></span>
                    <span>金鸡湖大道111号（拓普森）</span>
                    <span style="color: #17AEF1">下载</span>
                </div>
            </div>
        </div>
    </div>
</div>这是我写的代码，现在我有一个需求，在不同的状态下，页面上显示不同的内容，如何控制这两个div呢？比如说，状态是预评估的时候，显示预评估报告，状态是正式报告的时候，显示正式报告。如何用代码实现呢？最好是layui，如果layui无法实现，那么请帮我用JavaScript实现。